.modal {
  @apply -hidden -overflow-hidden -fixed -inset-0 -items-center -justify-center -z-modal -bg-[--modal-bg];
}
.modal.load-indicator::before {
  @apply -bg-transparent -transition-none;
}
.modal.loading::after {
  @apply -text-canvas;
}
.modal.loading .modal-dialog {
  @apply !-opacity-0;
}
.modal.show {
  @apply -flex;
}
.modal-no-backdrop {
  @apply -bg-transparent -pointer-events-none;
}
.modal-hide {
  @apply !-opacity-0;
}
